<template>
  <div class="h5-video-player">
    <video ref="videoRef" autoplay playsinline></video>
  </div>
</template>

<script setup>
defineProps({
  teacherName: String,
  teacherAvatar: String,
});
</script>

<style lang="scss" scoped>
.h5-video-player {
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  position: relative;

  video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
</style>
